<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 <base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="<%=path%>/module/tree/ext/resources/css/ext-all.css"/>
<link rel="stylesheet" type="text/css" href="<%=path%>/app/css/slider.css"/> 
<script type="text/javascript" src="<%=path%>/app/js/ext-base.js"></script>
<script type="text/javascript" src="<%=path%>/app/js/ext-all.js"></script> 
<script type="text/javascript" src="<%=path%>/app/js/slider.js"></script> 
<title>方剂在线</title>
 
</head>
<body bgcolor="#ECECF4">
<table>
<tr>
<td><div id="basic-slider"></div>
<br/>
<h3>Snapping Slider</h3>
<div id="increment-slider"></div>
<br/>
<h3>Vertical Slider</h3>
<div id="vertical-slider"></div>
<br/>
<h3>Slider with tip</h3>
<div id="tip-slider"></div>
<br/>
<h3>Slider with custom tip</h3>
<div id="custom-tip-slider"></div>
<br/>
<h3>CSS Customized Slider</h3>
<div id="custom-slider"></div>

<!-- extra space for scrolling -->
<div style="height:150px;"></div></td>
</tr>
</table>
</body>
</html>